<script setup>

import MyButton from './components/MyButton.vue';

import A from "./components/A.vue"

import MyWrappeer from "./components/MyWrapper.vue"

const name = "孙悟空"
</script>
<template>
    <h1>app组件</h1>
<!-- 

    希望在父组件中指定子组件中的内容
        -我们可以通过slot来实现

        <MyButton>插槽入口</MyButton>

        <button>
            <slot>插槽出口</slot>
        </button>

        通过插槽的引入的文件，位于父组件中
        
 -->

    <!-- <MyButton>
        <A :name="name"></A>

    </MyButton> -->
    <MyWrappeer>
        <!-- 具名插槽入口 -->
        <!-- 简写#   v-slot -->
        <template #h1>一级标题</template>
        <template v-slot:h2>二级标题</template>
    </MyWrappeer>

</template>